<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    浏览器有一个同源策略，禁止ajax从一个域名请求另一个域名上的数据
    同源策略是浏览器对JS实施的安全限制
    简单讲，浏览器禁止ajax跨域请求数据

    同源，是指 协议、域名/IP地址、端口号 三者均为相同
    跨域，是指 协议、域名/IP地址、端口号 三者中任意一个不相同

    http://www.baidu.com 请求 https://www.baidu.com  跨域
    http://www.baidu.com/hehe 请求 http://www.baidu.com/haha  同源
    http://www.baidu.com:8080/hehe 请求 http://www.baidu.com:9090/haha  跨域
    http://localhost/users 请求 http://127.0.0.1/users  跨域

    为什么会有跨域请求的问题？
    1.前端部署的服务器（192.168.54.47），后端部署的服务器（192.168.54.45）
    2.在项目中需要使用别人提供的数据时（天气预报数据）

    如何解决跨域问题？
    1.通过服务端代理请求
    2.CORS跨域资源共享（xhr2）
    3.nginx代理转发
    4.jsonp跨域
    。。。
 -->

</body>
</html>